GUI 디자이너- 빠른 둘러보기

 

주요한 사용자 인터페이스 구성 요소


GUI 디자이너는 메인 윈도우에서 에디터 와 같은 스페이스를 차지합니다.  각 GUI 형식은 별도 탭에서 열립니다.  (형식을 생성하고, 여는 방법에 관한 정보를 위해, GUI 폼 만들기 을 봅니다).  다음 그림에 제시된 것처럼 GUI 디자이너는 주요한 몇 개의 구성 요소를 가집니다:

Components 트리 뷰: 


이 트리 뷰는 형식 위에서 진폭 구성 요소를 위해 현재의 형식과 부 노드를 위해 루트 노드를 표시합니다.  구성 요소가 배치 중의 한 개를 사용하면서 그룹 되었을 때, JPanel을 위한 노드가 나타납니다. 그리고 시각적으로 그룹되는 구성 요소는 차일드 노드로서 나타납니다.  만일 당신이 패널이 포함하는 배치를 "깨면", 패널 노드는 제거됩니다. 그리고 포함된 구성 요소의 패런트는 그 다음 형식입니다.

 

패널로 "감싸이는" 구성 요소는 이동될 수 없거나, 크기를 변경할 수 없습니다.  그러나 당신은 패널을 이동할 수 있고, 크기를 변경할 수 있습니다.  포함하고 있는 패널의 구성 요소는 XY 배치 또는 "시제품화" 모드로 있다고 말할 수 없지만, 이동되거나, 형식 작업 공간 위에서 크기가 변경될 수 있습니다.

Properties Inspector: 

그것이 포함하는 형식 그 자체와 어떤 구성 요소라도 완전히 속성을 가집니다.  속성은 당신이 그들을 볼 수 있고, 편집할 수 있는 곳인 인스펙터에 나타납니다.   구성 요소의 속성을 보고, 편집하기 위해, 바라게 되는 구성 요소를 형식에서 선택하십시오.  어떤 구성 요소도 선택되지 않을 때, 형식의 속성은 인스펙터에 나타납니다.

왼쪽 칼럼(Property)는 객체의 속성의 이름을 표시하고, 오른쪽  칼럼 (Value)은 여러 가지 속성의 현재의 세팅 또는 값을 보여줍니다 .  일부 속성은 IDEA와 GUI 디자이너에 특성적입니다.  이 속성은 인스펙터 (오른쪽 그림을 봅니다)의 상위 부분에서 그림자로 보입니다.  이 속성은 토픽 GUI 디자이너-특성 속성 에 포함됩니다.

다른 속성은 선택 성분을 위해 JFC 진폭에 의해 정의됩니다.  그들은 인스펙터의 더 낮은 부분에 나타나고, 차단되지 않습니다.  2 레벨의 구성 요소 속성이 있습니다:  기초와 Expert.  전문가 속성이 언제나 필요하지는 않고, 인스펙터 아래에 체크 박스와 함께 때때로 바꾸게 될 수 있습니다.  JFC 진폭 구성 요소 속성은 이 문서화의 범위를 넘어 있습니다.  필요하면, 당신은 JFC 진폭 라이브러리를 위해 썬 마이크로시스템즈의 문서에 상담해야만 합니다.

 

속성 인스펙터는 다음 특징을 제공하는 자신의 context menu를 가집니다:

*   빠른 JavaDoc

*   소스로 점프


Quick JavaDoc는 선택된 속성을 위해 기본 자바 API 문서화와 함께 작은 윈도우를 팝업합니다.  경로는 관련 자바 클래스를 위해 다큐먼트에 제공됩니다.  Esc눌러 팝업을 닫으십시오.  자바 속성이 인스펙터에서 선택될 때만 메뉴 항목은 사용 가능하게 하게 됩니다.

가능할 때, Jump to Source는 정확하게 그것을 합니다:  에디터에서 관련 소스 코드를 엽니다.  일부 속성을 위해, 관련 소스 코드는 당신의 프로젝트의 일부 클래스입니다.  다른 것을 위해, 관련 소스 코드가 자바 언어 소스에 있습니다.


GUI Designer Toolbar  

 

형식 작업 공간 위에 툴바는 GUI 디자이너의 우측 상단에 나타납니다.  툴바 버튼은 당신이 구성 요소를 형식에 배치하고, 구성 요소를 선택하고, 구성 요소를 삭제하고, 배치 동작을 수행하고, 당신의 애플리케이션에서 JavaBeans로부터의 구성 요소를 데이터에 결부하는 것을 가능하게 합니다.  툴바는 다음 그림에 제시된 것처럼 몇 개의 버튼 그룹을 가집니다:

당신이 그들을 포인트 할 때 당신은 그들의 툴-팁으로부터 개개의 진폭 구성 요소와 동일시할 수 있습니다.  다른 UI Bean 라이브러리부터 툴바를 위한 부가의 UI 구성 요소를 추가하는 것은 가능합니다.  정보에 관하여,  Custom Component Palette를 보십시오.


Form workspace: 
큰 회색의 부분은 당신이 놓고, 시각 진폭 구성 요소를 조정하고, 배치 동작을 그들에게 적용하는 곳입니다.  형식 작업 공간은 메뉴를 오른쪽 클릭하여 제공되며 클립보드, 배치 동작과 이력 기능에 접근합니다.  형식을 빌딩하는 것에 관계된 상세한 것은, GUI 폼 만들기을 보십시오.

구성 요소 그룹화를 위한 특별 제어


배치 동작이 둘 이상의 구성 요소에 적용되었을 때, 선택되고 포인터가 그 위에 뜰 때 배치 컨테이너가 일부의 특별한 제어를 위치에 보여줍니다(왼쪽 아래 그림을 봅니다).

Special container controls: 


Drag handle은 선택된 그룹이 형식 작업 공간 위에서 새로운 위치에 끌릴 수 있는 것을 표시합니다.  선택을 이동할 때, 당신은 드래그 핸들 그 자체에 포인트 되는 것을 필요로 하지 않습니다...선택된 어느 곳에서 작업할 것 입니다.

Row menu: . 
작은 하향 화살표를 클릭하는 것은 그것이 현재의 행 전후의 새로운 행을 삽입하거나, 현재의 행을 2 행으로 나누는 것을 가능하게 하는 메뉴를 팝업합니다.

 

Column menu: 
작은 하향 화살표는 단지 그리드 배치의 첫번째 칼럼 위에서 이용할 수 있습니다.  현재의 칼럼 전후의 새로운 칼럼을 삽입하거나, 첫번째 칼럼을 2 칼럼으로 나누는 것은 그것이 사용 가능하게 하는 메뉴를 팝업합니다.

 

Column actions: 
이 개별 제어는 그리드 배치에서 특정의 칼럼 위에서 동작을 수행합니다.  오른쪽에서의 그림은 각 제어의 기능를 설명합니다.

 


나타날 수 있는 컨테이너 제어를 위한 다른 가능성이 구성 요소의 다른 배열과 함께 있습니다.  예를 들면, 만일 행이 비어 있으면, 항목이 행 메뉴에 행을 삭제하기 위해 있습니다.  어떤 상황에서 당신은 Row actions이 그 나타나는 아래에 보여지는 것을 볼지도 모릅니다.  이것은 Column actions 과 같은 외형과 의미를 가집니다. 그러나 그들은 칼럼보다 행에 적용됩니다.